<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>jsEvent对象测试</title>
    <style type="text/css">
        .xx{
            width: 45px;
            height:45px;
        }
    </style>
</head>
<body>
                                                                        <!--注意这里要传递时间必须写成event-->
<button class="xx" name="button1" href="http://www.baidu.com" onclick="f1(event)">123</button>
<script type="text/javascript">
    /**
     altKey	返回当事件被触发时，”ALT” 是否被按下。
     button	返回当事件被触发时，哪个鼠标按钮被点击。
     clientX：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）x轴的位置；
     clientY：当鼠标事件发生时，鼠标相对于浏览器（这里说的是浏览器的有效区域）y轴的位置；
     screenX：当鼠标事件发生时，鼠标相对于显示器屏幕x轴的位置；
     screenY：当鼠标事件发生时，鼠标相对于显示器屏幕y轴的位置；
     offsetX：当鼠标事件发生时，鼠标相对于事件源x轴的位置
     offsetY：当鼠标事件发生时，鼠标相对于事件源y轴的位置
     ————————————————


     ctrlKey	返回当事件被触发时，”CTRL” 键是否被按下。

     metaKey	返回当事件被触发时，”meta” 键是否被按下。

     relatedTarget	返回与事件的目标节点相关的节点。


     shiftKey	返回当事件被触发时，”SHIFT” 键是否被按下。
     cancelBubble	如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
     fromElement	对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。
     keyCode	对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup
     offsetX,offsetY	发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
     returnValue	如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为
     srcElement	对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
     toElement	对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。
     x,y	事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。
     bubbles	返回布尔值，指示事件是否是起泡事件类型。
     cancelable	返回布尔值，指示事件是否可拥可取消的默认动作。
     currentTarget	返回其事件监听器触发该事件的元素。
     eventPhase	返回事件传播的当前阶段。
     target	返回触发此事件的元素（事件的目标节点）。
     timeStamp	返回事件生成的日期和时间。
     type	返回当前 Event 对象表示的事件的名称。
     initEvent()	初始化新创建的 Event 对象的属性。
     preventDefault()	通知浏览器不要执行与事件关联的默认动作。
     stopPropagation()	不再派发事件。
     * */
  function f1(x) {
      //  alert(x.type);//click
      //  alert(x.button);
      // alert(x.altKey);
      // alert("+++++++");
      // alert(x.clientX);
      // alert(x.clientY);
      // alert("-----");
      //   alert(x.metaKey);
      //   alert(x.relatedTarget);
      //   alert("=====")
      //   alert(x.screenX);
      //   alert(x.screenY);
      //   alert("）））））））））））））））");
      //   alert(x.returnValue);
        for (let attributesKey in x.srcElement.attributes) {
            console.log("===srcElement=====《"+attributesKey+"》============")
        }
        console.log("---------------《"+x.srcElement.attributes['item']+"》-----------------")

  }
</script>
</body>
</html>